{% extends "menu.html" %}
{% block content %}

        <!-- page content -->
        <div class="right_col" role="main">
          <div class="">
            <div class="page-title">



            </div>
            <div class="clearfix"></div>
            <div class="row">
              <div class="col-md-12 col-sm-12 col-xs-12">
                <div class="x_panel">
                  <div class="x_title">
                    <h2><a href="/cloud/list/?server=tencent&status=refresh">刷新主机列表</a>  | <a href="/cloud/list/?server=tencent&status=show">查看主机列表</a>
                    | <a href="/cloud/list/?server=tencent&status=project">项目</a>|<a href="/cloud/list/?server=tencent&status=del">一键清理</a> </h2>

                    <div class="clearfix"></div>
                  </div>
                  <div class="x_content">
                    <br />
                    <form id="demo-form2" data-parsley-validate class="form-horizontal form-label-left" method="post">
                        {% csrf_token %}


                      <div class="form-group">
                        <label for="middle-name" class="control-label col-md-3 col-sm-3 col-xs-12">请选择key<span class="required">*</span></label>
                        <div class="col-md-6 col-sm-6 col-xs-12">
                          <select name="key_id" class="col-md-6 col-sm-6 col-xs-12" size="10" required>
                              {% for key in key_list %}
                              <option value ="{{ key.id }}">{{ key.cdn_name }}</option>
                              {% endfor %}

                          </select>
                        </div>

                      </div>
                      <div class="form-group">
                        <label for="middle-name" class="control-label col-md-3 col-sm-3 col-xs-12">是否清理现存数据<span class="required">*</span></label>
                        <div class="col-md-6 col-sm-6 col-xs-12" style="margin-top: 8px">
                          是:
                        <input type="radio" class="flat" name="clear_status" id="genderX" value="1"  required  />
                            否:
                        <input type="radio" class="flat" name="clear_status" id="genderT" value="0" checked="" />
                        </div>

                      </div>

                    <div class="form-group">
                        <label for="middle-name" class="control-label col-md-3 col-sm-3 col-xs-12">提示<span class="required">*</span></label>
                        <p style="margin-top: 7px">如果清理会清理所有该云服务商下的记录</p>
                    </div>
                    <div class="form-group">
                        <label for="middle-name" class="control-label col-md-3 col-sm-3 col-xs-12">区域选择<span class="required">*</span></label>
                        <select  size="6" multiple name="cvm_zone" style="width: 30%;">
                            <option value="ap-guangzhou">广州区</option>
                            <option value="ap-shanghai">上海区</option>
                            <option value="ap-beijing">北京区</option>
                            <option value="ap-hongkong">香港区</option>

                            <option value="ap-chengdu">成都区</option>
                            <option value="ap-shenzhen-fsi">深圳金融区</option>
                            <option value="ap-guangzhou-open">广州Open专区</option>
                            <option value="ap-shanghai-fsi">上海金融</option>
                        </select>
                    </div>


                    
                        <div class="form-group">
                        <label for="middle-name" class="control-label col-md-3 col-sm-3 col-xs-12"></label>
                        <div class="col-md-6 col-sm-6 col-xs-12">
                          <span>{{ result }}</span>
                        </div>
                      </div>
                      <div class="ln_solid"></div>
                      <div class="form-group">
                        <div class="col-md-6 col-sm-6 col-xs-12 col-md-offset-3">
                          <button class="btn btn-primary" type="button">Cancel</button>
						  <button class="btn btn-primary" type="reset">Reset</button>
                          <button type="submit" class="btn btn-success">Submit</button>
                        </div>
                      </div>

                    </form>
                  </div>
                </div>
              </div>
            </div>


          </div>
        </div>
{% endblock %}